<template>
  <m-page>
    <!-- 银行卡绑定界面 -->
    <m-header title="银行卡绑定界面">
      <div class="g-list">
        <ul>
          <li>
            <div>
              <span>户名</span>
            </div>
            <div>
              <span>梁先荣</span>
            </div>
          </li>
          <li>
            <div>
              <span>账号</span>
            </div>
            <div>
              <input type="text" placeholder="任意银行储蓄卡或长行存折">
            </div>
          </li>
          <li>
            <div>
              <span>开户银行</span>
            </div>
            <div>
              <span>请选择开户银行</span><ynet-icon name="arrow-right" size="lg"></ynet-icon>
            </div>
          </li>
          <li>
            <div>
              <span>别名</span>
            </div>
            <div>
              <input type="text" placeholder="可选输入，方便识别">
            </div>
          </li>
        </ul>
      </div>
      <div class="g-tip">
        <span>我已同意并阅读</span><a href="javascript:;">《e钱庄资金结算服务协议》</a>
      </div>
      <div class="g-button">
        <ynet-button type="warning">添加</ynet-button>
      </div>
    </m-header>

  </m-page>
</template>

<script>
import { Button, CellItem, Icon } from "ynet-mobile";
  export default {
    components: {
      [Button.name]:Button,
      [CellItem.name]: CellItem,
      [Icon.name]: Icon
    },
    data() {
      return {

      }
    },
    created() {},
    methods:{
      handClick(){
        // 返回上一个页面
        app.api.pushWindow()
      }
    },
    mounted() {},
    watch: {},
    computed: {}
  }
</script>

<style lang="scss" scoped>
  @import './index.scss';
</style>

